<template>
  <el-menu
    default-active="activeIndex2"
    active-text-color="#5f84ff"
    class="el-menu-vertical-demo">
    <!-- 一 -->
    <el-menu-item
      index="1"
      @click.native="$router.push('/homepage')">
      <template slot="title">
        <i class="iconfont icon-home"></i>
        <span>帝可得</span>
      </template>
    </el-menu-item>
    <!-- 二 -->
    <el-submenu index="2">
      <template slot="title">
        <i class="iconfont icon-report"></i>
        <span>工单管理</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="2-1">运营工单</el-menu-item>
        <el-menu-item index="2-2">运维工单</el-menu-item>
      </el-menu-item-group>
    </el-submenu>
    <!-- 三 -->
    <el-submenu index="3">
      <template slot="title">
        <i class="iconfont icon-gps"></i>
        <span>点位管理</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="3-1" @click="$router.push('/region')">区域管理</el-menu-item>
        <el-menu-item index="3-2" @click="$router.push('/point')">点位管理</el-menu-item>
        <el-menu-item index="3-3" @click="$router.push('/partners')">合作商管理</el-menu-item>
      </el-menu-item-group>
    </el-submenu>
    <!-- 四 -->
    <el-submenu index="4">
      <template slot="title">
        <i class="iconfont icon-vm"></i>
        <span>设备管理</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="4-1">设备管理</el-menu-item>
        <el-menu-item index="4-2">设备状态</el-menu-item>
        <el-menu-item index="4-3">设备类型管理</el-menu-item>
      </el-menu-item-group>
    </el-submenu>
    <!-- 五 -->
    <el-submenu index="5">
      <template slot="title">
        <i class="iconfont icon-user"></i>
        <span>人员管理</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="5-1">人员列表</el-menu-item>
        <el-menu-item index="5-2">人效统计</el-menu-item>
        <el-menu-item index="5-3">工作量列表</el-menu-item>
      </el-menu-item-group>
    </el-submenu>
    <!-- 六 -->
    <el-submenu index="6">
      <template slot="title">
        <i class="iconfont icon-sku"></i>
        <span>商品管理</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="6-1">商品类型</el-menu-item>
        <el-menu-item index="6-2">商品管理</el-menu-item>
      </el-menu-item-group>
    </el-submenu>
    <!-- 七 -->
    <el-menu-item index="7">
      <template slot="title">
        <i class="iconfont icon-policy"></i>
        <span>策略管理</span>
      </template>
    </el-menu-item>
    <!-- 八 -->
    <el-menu-item index="8">
      <template slot="title">
        <i class="iconfont icon-order"></i>
        <span>订单管理</span>
      </template>
    </el-menu-item>
    <!-- 九 -->
    <el-menu-item index="9">
      <template slot="title">
        <i class="iconfont icon-report"></i>
        <span>对账统计</span>
      </template>
    </el-menu-item>
  </el-menu>
</template>

<script>
export default {
  data() {
    return {
      activeIndex2: '1',
    }
  },
  methods: {},
}
</script>

<style lang="scss" scoped></style>
